<template>
  <div class="index">
    <p>index.vue-</p>
    {{ data.hello }}
    <el-button>Default</el-button>
    <Alert />

    <div class="b w-[100px]" v-for="(item, index) in data.brandList.slice(0, 3)" :key="index">
      <img :src="item.brandLogo" alt="" />{{ item.brandName }}
    </div>

    <img src="/imgs/icon02.png" alt="" />
  </div>
</template>

<script setup>
// 这个是ref类型的data

const { data } = await useFetch('/api/hello');

// ElLoading.service({ lock: true, text: 'Loading', background: 'rgba(0, 0, 0, 0.7)' });

console.log(process.env.NODE_ENV);
let brandList = data.value.brandList;

// console.log(data.value.brandList);
</script>
